<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
    <script src="js/dball.js"></script>
    <script src="js/global.js"></script>
    <script src="js/init.js"></script>
</head>

<body>

<div data-role="page" id="location">
    <div data-role="header">
        <h1>屁屁驾校</h1>
        <a href="about.html" data-iconpos="notext" data-icon="info" class="ui-btn-right" data-theme="c">关于</a>
    </div>
    
    <div data-role="content">
        <div id="selectTit">
            <img src="img/select_city.png" />
        </div>
        <div id="selectCurrent">
            <a href="menu.html"><img data-local="0" src="img/img1.png" /></a>
        </div>
        <div id="selectLoc">
            <ul>
                <li>
                    <a href="menu.html"><img data-local="0" src="img/img1.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="8" src="img/img2.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="9" src="img/img3.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="10" src="img/img4.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="11" src="img/img5.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="12" src="img/img6.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="13" src="img/img7.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="14" src="img/img8.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="15" src="img/img9.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="16" src="img/img10.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="17" src="img/img11.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="18" src="img/img12.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="19" src="img/img13.png" /></a>
                </li>
                <li>
                    <a href="menu.html"><img data-local="20" src="img/img14.png" /></a>
                </li>
            </ul>
        </div>
    </div>
    
    <div data-theme="c" data-role="footer">
        <h4>&copy; AVPig</h4>
    </div>
    
</div>

</body>
</html>
